<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<html>
    <head>
        <link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
        <title>Browse Short Term Condos, Apartments and Rooms For Rent</title>        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta name="description" content="Browse for a condo, house, apartment or a room for rent on a daily, weekly or monthly short term basis" />        
        <meta name="keywords" content="short term rentals, short term rental, apartment for rent, apartments for rent, condo for rent, condominium for rent, house for rent, Makati, Taguig, Manila, Cebu, Mandaluyong, Ortigas, Pasay,Paranaque, Pasig, Quezon City"/>
        
        <meta property="og:type" content="website"  />
        <meta property="og:url" content="${model.props.appPath}/listing.htm?a=5012"  />
        <meta property="og:title" content="Browse Short Term Condos, Apartments or Rooms For Rent"  />
        <meta property="og:description" content="Browse for a condo, house, apartment or a room for rent on a daily, weekly or monthly short term basis" />
        <meta property="og:image" content="${model.props.appPath}/img/rentpad-logo-1.png"  />

        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
        </style>
        
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.10.3-ui.min.js"></script> 
        <script type="text/javascript" src="${model.props.appPath}/js/token/jquery.tokeninput.js"></script> 
         
        <script type="text/javascript">
            $(function() {
                $("#table-listings tr:even").css("background-color", "#ececec");
            });                 
        </script>
        
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>
    </head>


    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;" >

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <br>                  

                <div style="width: 1020px; margin-top: 10px; margin: 0 auto;">

                    <h1>List of short term condos, apartments and rooms for rent</h1>
                    <hr>
                    <table id="table-listings" style="width:100%; font-size: 13px;" border="0" cellpadding="8" cellspacing="8">
                        <c:forEach items="${model.listings}" var="listing">
                            <tr>
                                <td width="400px"><a href="${model.props.appPath}/short-term-rentals/${fn:toLowerCase(listing.city)}/${fn:replace(listing.displayTitle, ' ', '-')}/${listing.id}" style="color:#369;" title="${listing.title}, ${listing.shortAddress}">${listing.title}</a></td>   
                                <td width="200px">${listing.shortAddress}</td>   
                                <td width="200px">${listing.shortDayRate} /Night</td>   
                                <td width="200px">${listing.sqArea} Sqm.</td>                            
                            </tr>
                        </c:forEach>
                    </table>
                    
                    <br><br>

                </div>

                <br><br>                

            </div>

            <%@include file="footer.jsp" %>

        </div>

    </body>


</html>
